<%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"
	trimDirectiveWhitespaces="true"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>main</title>
<link  href="css/main.css" rel="stylesheet"/>
<style type="text/css">

#mainIconLeft {
	border: 1px solid purple;
	width: 466px;
	height: 488px;
	margin-top: 40px;
	float: left;
}

#mainIconRight {
	border: 1px solid blue; 
	width: 466px;
	height: 488px;
	margin-top: 40px;
	float: right;
}
</style>
</head>
<body>
	<!-- header -->
	<div class="header">
		<div class="mainLogo">
			<img src="images/test_logo.jpg" alt="pjlogo" />
		</div>
	</div>
	
	<!-- contents -->
	<div class="contents">
		<div id="mainIconLeft">
			<a href="#"><img src="images/test_left.jpg" alt="mainIconLeft"
				id="iconLeft" /></a>
		</div>
		<div id="mainIconRight">
		<a href="#"><img src="images/test_right.jpg" alt="mainIconRight"
				id="iconRight" /></a>
		</div>
	</div>
	
	<!-- footer -->
	<!-- 각 메뉴 누르면 안내창 뜨게끔  -->
	<div class="footer">
		<div class="footerMenu">
			<ul id="policy">
				<li>이용약관/</li>
				<li>개인정보처리방침 /</li>
				<li>법적고지 /</li>
				<li>이메일무단수집거부</li>
			</ul>
		</div>
		<div class="footerCopyright">Copyright AteamProject. All Right
			Reserved</div>
		<div class="footerLogo">
			<img src="images/test_logo.jpg" alt="pjlogo" />
		</div>
	</div>

	<script src="js/jquery-1.11.1.min.js"></script>
	<script src="js/project.js"></script>
</body>
</html>